iT邦幫忙

2023 iThome 鐵人賽

DAY 5
0
自我挑戰組

從零開始學Web Framework : React篇系列 第 5

Day_5:如何新增頁面並跳轉

  • 分享至 

  • xImage
  •  
  1. 首先要在nextjs-blog的資料夾中新增名為pages的資料夾,一定要跟app資料夾同一層,不然新增頁面會找不到進而出錯(這個很重要,當初沒設對位置一直出現404 error)。

    2.接著在pages資料夾中新增名為about.js檔案當作新的頁面。
    3.再回到app資料夾裡打開page.tsx,加入import Link from 'next/link'如圖
    4.再加入<Link href="/about" target='_blank'>link to JavaScript page</Link>page.tsx裡,鏈結到新增的頁面about.js
    5.成功新增頁面。

上一篇
Day_4: 理解code的意義
下一篇
Day_6:想要加入css結果失敗的我
系列文
從零開始學Web Framework : React篇30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言